<!DOCTYPE html><html lang="zh">
<head>
    <meta charset="utf8">
    <style>
        html,body{
            width: 100%;
            height: 100%;
            background-color: white;
        }

        /* 设置整体字体和背景 */
        body {
            font-family: Arial, sans-serif; /* 使用无衬线字体 */
            margin: 0; /* 移除默认边距 */
            height: 100vh; /* 视口高度 */
            display: flex;
            align-items: center; /* 垂直居中 */
            justify-content: center; /* 水平居中 */
        }

        /* 设置外层div */
        #start {
            text-align: center; /* 文本居中 */
            padding: 2rem; /* 内边距 */
            width: auto; /* 自动宽度 */
        }

        /* 设置标题和内容的字体大小 */
        #title {
            font-size: 2rem;
            background-color: #f0f0f0;
            border-radius: 1rem;
            padding: 2rem;
            cursor: pointer;
        }
        #content {
            margin-top: 1rem;
            font-size: 0.9rem; /* rem单位的字体大小 */
        }

        /* 突出显示em元素 */
        #content em {
            color: #ffa116; /* 红色字体 */
            font-style: normal; /* 移除斜体样式 */
            font-weight: bold; /* 加粗字体 */
            margin-left: 5px;
            margin-right: 5px;
        }
    </style>
</head>
<body>
    <div id="start">
        <div id="title"></div>
        <div id="content"></div>
    </div>
</body>
<script type="text/javascript" src="../js/index.js"></script>
</html>